﻿
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<head>
    <title>Vollette Education</title>
    <!-- Meta -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- CSS Global Compulsory -->
    <link rel="stylesheet" href="~/assets/plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="~/assets/css/style.css">
    <!-- CSS Header and Footer -->
    <link rel="stylesheet" href="~/assets/css/headers/header-default.css">
    <link rel="stylesheet" href="~/assets/css/footers/footer-v1.css">
    <!-- CSS Implementing Plugins -->
    <link rel="stylesheet" href="~/assets/plugins/animate.css">
    <link rel="stylesheet" href="~/assets/plugins/line-icons/line-icons.css">
    <link rel="stylesheet" href="~/assets/plugins/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="~/assets/plugins/fancybox/source/jquery.fancybox.css">
    <link rel="stylesheet" href="~/assets/plugins/revolution-slider/rs-plugin/css/settings.css" type="text/css" media="screen">
    <link rel="stylesheet" href="~/assets/plugins/cube-portfolio/cubeportfolio/css/cubeportfolio.min.css">
    <link rel="stylesheet" href="~/assets/plugins/cube-portfolio/cubeportfolio/custom/custom-cubeportfolio.css">
    <!--[if lt IE 9]><link rel="stylesheet" href="~/assets/plugins/revolution-slider/rs-plugin/css/settings-ie8.css" type="text/css" media="screen"><![endif]-->
    <!-- CSS Pages Style -->
    <link rel="stylesheet" href="~/assets/css/pages/page_one.css">
    <!-- CSS Theme -->
    <link rel="stylesheet" href="~/assets/css/theme-colors/default.css" id="style_color">
    <link rel="stylesheet" href="~/assets/css/theme-skins/dark.css">
    <!-- CSS Customization -->
    <link rel="stylesheet" href="~/assets/css/custom.css">
    <style>
        @@media(max-width:1000px) {
            #scrollobj {
                width: 250px !important;
            }

            #resizeLogo {
                margin-left: 10px;
                height: 40% !important;
                width:120% !important;
            }
            
            /*设置头部背景和Logo图片颜色一致*/
            .header .container {
                background-color: #272727;
            }

            /*设置隐藏菜单按钮背景*/
            .header .navbar-toggle {
                background-color: #CB8AA8;
                border-color: #CB8AA8;
            }

                .header .navbar-toggle:hover {
                    background-color: #CB8AA8 !important;
                }

            .header .topbar {
                margin-bottom: -10px;
            }
        }

        @@media(max-width:768px) {
          #demo {
            overflow:hidden;
            height:40px;
            }     
           #liuxue2 {
            visibility:hidden;
            height:0;
            }
            #yimin2 {
            visibility:hidden;
            height:0;
            }
            #huodong2 {                
            visibility:hidden;
            height:0;
            }
            
        }
        @@media(min-width:1000px) {
             #demo {
            overflow:hidden;
            height:100px;
            }

            #Newslist {
            visibility:hidden;
            height:0;
            }
            #liuxue {
            overflow:hidden;
            visibility:hidden;
            height:0;
            }
            #yimin {
            overflow:hidden;
            visibility:hidden;
            height:0;
            }
            #huodong {
            overflow:hidden;
            visibility:hidden;
            height:0;
            }
           
        }

        .header .topbar {
            text-align: right;
            margin-top: 5px;
            float: right;
        }

        #moquu_top, #moquu_wxin, #moquu_wshare, #moquu_wmaps {
            z-index: 50;
            width: 50px;
            height: 50px;
            left: 10px;
            position: fixed;
            cursor: pointer;
            _position: absolute;
            _bottom: auto;
            _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
        }

        #moquu_wxin {
            top: 360px;
            _margin-top: 360px;
        }

            #moquu_wxin a {
                background: url(/img/sbtn.png) 0 -0px;
                right: 0;
                float: left;
                width: 50px;
                height: 50px;
                text-indent: -9999px;
            }

                #moquu_wxin a:hover {
                    background: url(/img/sbtn.png) -50px -0px;
                }

        #moquu_wshare {
            top: 412px;
            _margin-top: 412px;
        }

            #moquu_wshare a {
                background: url(/img/sbtn.png) 0 -50px;
                width: 50px;
                height: 50px;
                right: 0;
                float: left;
                text-indent: -9999px;
            }

                #moquu_wshare a:hover {
                    background: url(/img/sbtn.png) -50px -50px;
                }

        #moquu_wmaps {
            top: 464px;
            _margin-top: 464px;
        }

            #moquu_wmaps a {
                background: url(/img/sbtn.png) 0 -150px;
                width: 50px;
                height: 50px;
                right: 0;
                float: left;
                text-indent: -9999px;
            }

                #moquu_wmaps a:hover {
                    background: url(/img/sbtn.png) -50px -150px;
                }

        #moquu_top {
            top: 516px;
            _margin-top: 516px;
            background: url(/img/sbtn.png) 0 -101px;
            width: 50px;
            height: 50px;
        }

            #moquu_top:hover {
                background: url(/img/sbtn.png) -50px -101px;
            }

        .moquu_wxin, .moquu_wshare {
            position: relative;
            z-index: 2;
        }

            .moquu_wxin a:hover .moquu_wxinh, .moquu_wshare a:hover .moquu_wshareh {
                display: block;
            }

            .moquu_wxin .moquu_wxinh {
                position: absolute;
                display: none;
                left: 50px;
                top: -150px;
                width: 200px;
                height: 200px;
                background: url(/img/lrtk_weixin.png) 0 -2px no-repeat;
            }

            .moquu_wshare .moquu_wshareh {
                position: absolute;
                display: none;
                left: 50px;
                top: -100px;
                width: 200px;
                height: 200px;
                background: url(/img/lrtk_weixin.png) no-repeat;
            }

        h1, h2, h3, h4, h5, h6 {
            font-family: 微软雅黑 !important;
        }

        p, a {
            font-family: 华文细黑 !important;
        }
    </style>
</head>
<body>
    <div class="wrapper">
        <!--=== Header ===-->
        <div class="header dark" style="background: #272727; border-color: #272727; color: white">
            <div class="container">
                <!-- Logo -->
                <a class="logo" href="/home/index">
                    <picture>
                        <source srcset="~/assets/img/logo_vollette.png" alt="Logo" media="(max-width: 1000px)" />
                        <img id="resizeLogo" srcset="~/assets/img/logo_vollette.png" alt="Logo" style="width: 60%; height: 50%; margin: 0px; margin-left: -20px;" />
                    </picture>
                </a>
                <!-- End Logo -->
                <!-- Topbar -->
                <div class="topbar loginbar pull-right">  
                    <MARQUEE behavior="scroll" contenteditable="true" onstart="this.firstChild.innerHTML+=this.firstChild.innerHTML;" scrollamount="3" width="100"><SPAN unselectable="on"></SPAN></MARQUEE>
                    <DIV id="scrollobj" style="white-space:nowrap;overflow:hidden;width:500px; float:right" onmouseover="aa()" onmouseout="b()">

                    </DIV>
                </div>
                <!-- End Topbar -->
                <!-- Toggle get grouped for better mobile display -->
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="fa fa-bars"></span>
                </button>
                <!-- End Toggle -->
            </div><!--/end container-->
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse mega-menu navbar-responsive-collapse HeaderFont">
                <div class="container">
                    <ul class="nav navbar-nav">
                        <!-- Home -->
                        <li class="dropdown" no="0">
                            <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" style="font-size: 28px; font-weight: bold; color: white">
                                留学教育
                            </a>
                            <ul class="dropdown-menu">
                                <li sub="1"><a href="/news/index/2">留学动态(原名校申请)</a></li>
                                <li sub="0"><a href="/news/school/1">名校推荐(原院校咨询)</a></li>
                                <li sub="2"><a href="/news/index/3">升学转学</a></li>
                                <li sub="3"><a href="/home/QuicklyApply">一键申请(量身规划)</a></li>
                            </ul>
                        </li>
                        <!-- End Home -->
                        <!-- Pages -->
                        <li class="dropdown" no="1">
                            <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" style="font-size: 28px; font-weight: bold;color: white">
                                移民签证
                            </a>
                            <ul class="dropdown-menu">
                                <li sub="4"><a href="/news/index/5">移民动态</a></li>
                                <li><a href="/news/skilledmigration">技术移民</a></li>
                                <li sub="5"><a href="/news/index/6">雇主担保</a></li>
                                <li sub="6"><a href="/news/index/7">配偶移民</a></li>
                                <li sub="7"><a href="/news/index/8">父母移民</a></li>
                                <li sub="8"><a href="">商业移民</a></li>
                                <li sub="9"><a href="">旅游访问</a></li>
                            </ul>
                        </li>
                        <!-- End Pages -->
                        <!-- Blog -->
                        <li class="dropdown" no="2">
                            <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" style="font-size: 28px;font-weight: bold;color: white">
                                教育培训
                            </a>
                            <ul class="dropdown-menu">
                                <li sub="8"><a href="/news/education">雅思/PTE 精品班</a></li>
                                <li sub="9"><a href="/news/job">职场</a></li>
                            </ul>
                        </li>
                        <!-- End Blog -->
                        <!-- Portfolio -->
                        <li class="dropdown" no="3">
                            <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" style="font-size: 28px;font-weight: bold;color: white">
                                最新资讯
                            </a>
                            <ul class="dropdown-menu">
                                <li sub="10"><a href="/news/index/9">资讯</a></li>
                                <li sub="11"><a href="/news/index/10">活动</a></li>
                            </ul>
                        </li>
                        <!-- End Portfolio -->
                        <!-- Features -->
                        <li no="4">
                            <a href="/home/contact" style="font-size: 28px;font-weight: bold;color: white">
                                联系我们
                            </a>
                        </li>
                        <!-- End Features -->
                        <!-- Search Block -->
                        <!-- End Search Block -->
                    </ul>
                </div><!--/end container-->
            </div><!--/navbar-collapse-->
        </div>
        @RenderBody()
        <!-- End Google Map -->
        <!--=== Footer Version 1 ===-->
        <div class="footer-v1">
            <div class="footer">
                <div class="container">
                    <div class="row">
                        <!-- About -->
                        <div class="col-md-3 md-margin-bottom-40">
                            <a href="/home/index"><img id="logo-footer" class="footer-logo" src="~/assets/img/white Logo.png" alt="logo" style="width:100%;height:100%; margin-left: -25px;"></a>
                            <p>About Unify dolor sit amet, consectetur adipiscing elit. Maecenas eget nisl id libero tincidunt sodales.</p>
                            <p>Duis eleifend fermentum ante ut aliquam. Cras mi risus, dignissim sed adipiscing ut, placerat non arcu.</p>
                        </div><!--/col-md-3-->
                        <!-- End About -->
                        <!-- Latest -->
                        <div class="col-md-3 md-margin-bottom-40">
                            <div class="posts">
                                <div class="headline"><h2>Latest Posts</h2></div>
                                <ul class="list-unstyled latest-list">
                                    <li>
                                        <a href="#">Incredible content</a>
                                        <small>May 8, 2014</small>
                                    </li>
                                    <li>
                                        <a href="#">Best shoots</a>
                                        <small>June 23, 2014</small>
                                    </li>
                                    <li>
                                        <a href="#">New Terms and Conditions</a>
                                        <small>September 15, 2014</small>
                                    </li>
                                </ul>
                            </div>
                        </div><!--/col-md-3-->
                        <!-- End Latest -->
                        <!-- Link List -->
                        <div class="col-md-3 md-margin-bottom-40">
                            <div class="headline"><h2>Useful Links</h2></div>
                            <ul class="list-unstyled link-list">
                                <li><a href="#">About us</a><i class="fa fa-angle-right"></i></li>
                                <li><a href="#">Portfolio</a><i class="fa fa-angle-right"></i></li>
                                <li><a href="#">Latest jobs</a><i class="fa fa-angle-right"></i></li>
                                <li><a href="#">Community</a><i class="fa fa-angle-right"></i></li>
                                <li><a href="#">Contact us</a><i class="fa fa-angle-right"></i></li>
                            </ul>
                        </div><!--/col-md-3-->
                        <!-- End Link List -->
                        <!-- Address -->
                        <div class="col-md-3 map-img md-margin-bottom-40">
                            <div class="headline"><h2>Contact Us</h2></div>
                            <address class="md-margin-bottom-40">
                                25, Lorem Lis Street, Orange <br />
                                California, US <br />
                                Phone: 800 123 3456 <br />
                                Fax: 800 123 3456 <br />
                                Email: <a href="mailto:info@anybiz.com" class="">info@anybiz.com</a>
                            </address>
                        </div><!--/col-md-3-->
                        <!-- End Address -->
                    </div>
                </div>
            </div><!--/footer-->
            <div class="copyright">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6">
                            <p>
                                2015 &copy; All Rights Reserved.
                                <a href="#">Privacy Policy</a> | <a href="#">Terms of Service</a>
                            </p>
                        </div>
                        <!-- Social Links -->
                        <div class="col-md-6">
                            <ul class="footer-socials list-inline">
                                <li>
                                    <a href="#" class="tooltips" data-toggle="tooltip" data-placement="top" title="" data-original-title="Facebook">
                                        <i class="fa fa-facebook"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="tooltips" data-toggle="tooltip" data-placement="top" title="" data-original-title="Skype">
                                        <i class="fa fa-skype"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="tooltips" data-toggle="tooltip" data-placement="top" title="" data-original-title="Google Plus">
                                        <i class="fa fa-google-plus"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="tooltips" data-toggle="tooltip" data-placement="top" title="" data-original-title="Linkedin">
                                        <i class="fa fa-linkedin"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="tooltips" data-toggle="tooltip" data-placement="top" title="" data-original-title="Pinterest">
                                        <i class="fa fa-pinterest"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="tooltips" data-toggle="tooltip" data-placement="top" title="" data-original-title="Twitter">
                                        <i class="fa fa-twitter"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" class="tooltips" data-toggle="tooltip" data-placement="top" title="" data-original-title="Dribbble">
                                        <i class="fa fa-dribbble"></i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <!-- End Social Links -->
                    </div>
                </div>
            </div><!--/copyright-->
        </div>
        <!--=== End Footer Version 1 ===-->
    </div><!--/wrapper-->
    <!-- 代码 开始 -->
    <div id="moquu_wxin" class="moquu_wxin"><a href="javascript:void(0)">1<div class="moquu_wxinh"></div></a></div>
    <div id="moquu_wshare" class="moquu_wshare"><a href="javascript:void(0)">2<div class="moquu_wshareh"></div></a></div>
    <div id="moquu_wmaps"><a href="javascript:void(0)" class='moquu_wmaps'>3</a></div>
    <a id="moquu_top" href="javascript:void(0)"></a>
    <!-- 代码 结束 -->
    <!-- JS Global Compulsory -->
    <script type="text/javascript" src="~/assets/plugins/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="~/assets/plugins/jquery/jquery-migrate.min.js"></script>
    <script type="text/javascript" src="~/assets/plugins/bootstrap/js/bootstrap.min.js"></script>
    <!-- JS Implementing Plugins -->
    <script type="text/javascript" src="~/assets/plugins/back-to-top.js"></script>
    <script type="text/javascript" src="~/assets/plugins/smoothScroll.js"></script>
    <script type="text/javascript" src="~/assets/plugins/fancybox/source/jquery.fancybox.pack.js"></script>
    <script type="text/javascript" src="~/assets/plugins/revolution-slider/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
    <script type="text/javascript" src="~/assets/plugins/revolution-slider/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
    <script type="text/javascript" src="~/assets/plugins/cube-portfolio/cubeportfolio/js/jquery.cubeportfolio.min.js"></script>
    <!-- JS Page Level -->
    <script type="text/javascript" src="~/assets/js/app.js"></script>
    <script type="text/javascript" src="~/assets/js/plugins/fancy-box.js"></script>
    <script type="text/javascript" src="~/assets/js/plugins/style-switcher.js"></script>
    <script type="text/javascript" src="~/assets/js/plugins/revolution-slider.js"></script>
    <script type="text/javascript" src="~/assets/js/plugins/cube-portfolio/cube-portfolio-lightbox.js"></script>

    <script type="text/javascript" src="~/assets/js/custom.js"></script>
    <script>
        document.createElement("picture");
    </script>
    <script type="text/javascript">
        jQuery(document).ready(function () {

            $(".nav .dropdown a").click(function () {
                var text = $(this).html();
                sessionStorage["bloglist"] = text;
                sessionStorage["active"] = $(this).parents(".dropdown").attr("no");
                var sub = $(this).parent('li').attr('sub');
                sessionStorage["sub"] = sub;
            })
            if (typeof (sessionStorage.active) == "undefined") {
                sessionStorage["active"] = 0;
                sessionStorage["bloglist"] = "";
                sessionStorage["sub"] = -1;
            }
            $(".nav .dropdown[no=" + sessionStorage.getItem("active") + "]").addClass("active");

            $(".nav .dropdown li[sub=" + sessionStorage.getItem("sub") + "]").addClass("active");


            $.post('/data/selectconfig', { configKey: 'scrollx' }, function (data) {
                if (data) {
                    console.log(data)
                    var html = [];
                    for (var key in data) {
                        html.push(' ' + data[key].Title + ' ')
                    }
                    $("#scrollobj").html(html.join(''));
                    var a = setInterval("scroll(document.getElementById('scrollobj'))", 30);
                }
            })

            App.init();
            FancyBox.initFancybox();
            RevolutionSlider.initRSfullWidth();
            StyleSwitcher.initStyleSwitcher();


        });

        function scroll(obj) {
            var tmp = (obj.scrollLeft)++;
            //当滚动条到达右边顶端时
            if (obj.scrollLeft == tmp) obj.innerHTML += obj.innerHTML;
            //当滚动条滚动了初始内容的宽度时滚动条回到最左端
            if (obj.scrollLeft >= obj.firstChild.offsetWidth) obj.scrollLeft = 0;
        }

        function aa() {
            clearInterval(a);
        }
        function b() {
            a = setInterval("scroll(document.getElementById('scrollobj'))", 30);
        }

        //返回顶部
        function b1() {
            h = $(window).height(),
                t = $(document).scrollTop(),
                t > h ? $("#moquu_top").show() : $("#moquu_top").hide()
        }
        $(document).ready(function () {
            b1(),
                $("#moquu_top").click(function () {
                    $(document).scrollTop(0)
                })
        }),
            $(window).scroll(function () {
                b1()
            });
    </script>
    <!--[if lt IE 9]>
        <script src="~/assets/plugins/respond.js"></script>
        <script src="~/assets/plugins/html5shiv.js"></script>
        <script src="~/assets/plugins/placeholder-IE-fixes.js"></script>
        <![endif]-->

    @RenderSection("scripts", false)
</body>
</html>
